<template>
	<view class="genefamilydetaile">
		<view  class="genefamilydetaile_card">
			<view  class="familyitems" >
				<image class="rectanglebg":src="photo_cdn1+'zpupload/static/gene/rectangle.png'" mode=""></image>
				<view class="familyitemsinfo">
					<view class="familynames">春秋北方大族</view>
					<view class="familylists_cell">
						<view class="familylists_cell_item flex ali-c">
							<view class="familylists_cell_name">家族星际：</view>
							<view>
								<uni-rate size="15" :readonly="true" :touchable="false" :value="5"  />
							</view>
						</view>
						<view class="familylists_cell_item flex ali-c">
							<view class="familylists_cell_name">遗传标记：</view>
							<view class="familylists_cell_val">C-MF3197</view>
						</view>
						<view class="familylists_cell_item flex ali-c">
							<view class="familylists_cell_name">形成时间：</view>
							<view class="familylists_cell_val">2590年前</view>
							
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="claim">
			<view class="claim_title">已认领用户 5</view>
			<view class="claim_u_list">
				<view class="claim_u_card flex ali-c jus-b" v-for="(item,index) in 3" :key="index">
					<view class="claim_u_card_l flex ali-c ">
						<image class="uutximg" src="https://p.qqan.com/up/2023-12/202312291152317468.jpg" mode=""></image>
						<view class="claim_u_card_info">
							<view class="claim_u_name flex ali-c">
								<view class="isnames">刘**</view>
								<view class="isaddress">山西省 临汾市</view>
							</view>
							<view class="claim_u_card_text">基因标记：C-MF394794</view>
						</view>
					</view>
					<view class="claim_u_card_contact">联系</view>
				</view>
			</view>
			<view class="viewalldata flex ali-c">
				<view class="viewalltext">查看全部 </view>
				<image class="jtimgs1" :src="photo_cdn1+'zpupload/static/gene/jtimgs1.png'" mode=""></image>
			</view>
		</view>
		
		<view class="delailebody">
			<view class="delailebodytit">基因家族介绍</view>
			<view class="delailebodytit_html">
				家族遗传标记为 C-MF3197，共祖时间约为 2590 年前，推测为春秋时期在我国北方有过较大发展的一支大族。目前，该类型占中国男性人口的比例为0.16% 。
			</view>
		</view>
		
		<view class="analysis">
			<view class="analysis_title">溯源分析</view>
			<view class="analysis_list">
				<view class="analysis_item">
					<view class="analysis_item_h ali-c">
						<image class="analysis_icon" :src="photo_cdn1+'zpupload/static/gene/analysis_icon1.png'" mode=""></image>
						<view class="analysis_i_title">溯源分析</view>
					</view>
					<view class="analysis_item_text">
						根据推算，C-MF3197类型公祖于大约2590年前，即共同祖先生活在春秋时期。
					</view>
				</view>
				<view class="analysis_item">
					<view class="analysis_item_h ali-c">
						<image class="analysis_icon" :src="photo_cdn1+'zpupload/static/gene/analysis_icon2.png'" mode=""></image>
						<view class="analysis_i_title">分布情况</view>
					</view>
					<view class="analysis_item_text">
						目前，根据祖炎祖源数据库统计，C-MF3197类型占中国男性人口的比例约为0.16%，主要分布于陕西、山西、山东、河南、河北等地。
					</view>
				</view>
				<view class="analysis_item">
					<view class="analysis_item_h ali-c">
						<image class="analysis_icon" :src="photo_cdn1+'zpupload/static/gene/analysis_icon3.png'" mode=""></image>
						<view class="analysis_i_title">支系情况</view>
					</view>
					<view class="analysis_item_text">
						大约在2590年前，C-MF3197类型分化形成9个主要支系，表现为强烈的支系爆发，证明该类型在春秋时有大量的人口增殖。
					</view>
					<view class="analysis_item_text">
						大约在2590年前，C-MF3197类型分化形成9个主要支系，表现为强烈的支系爆发，证明该类型在春秋时有大量的人口增殖。
					</view>
					<view class="analysis_item_text">
						大约在2590年前，C-MF3197类型分化形成9个主要支系，表现为强烈的支系爆发，证明该类型在春秋时有大量的人口增殖。
					</view>
				</view>
			</view>
		</view>
		
		<view class="analysis">
			<view class="analysis_title">家族详情</view>
			<view class="analysis_list">
				<view class="analysis_item">
					<view class="analysis_item_h ali-c">
						<image class="analysis_icon" :src="photo_cdn1+'zpupload/static/gene/analysis_icon4.png'" mode=""></image>
						<view class="analysis_i_title analysis_i_title1">姓氏分布</view>
					</view>
					<view class="analysis_item_text">
						目前，该类型男性人口中，王、刘、李、杨、吴等姓占比较高，其余有董、郑、张、马等姓。
					</view>
				</view>
				
			</view>
		</view>
		
		<view class="communitytl">
			<view class="communitytl_title">社区讨论</view>
			<view class="communitytl_border">
				<view class="communitytl_input flex ali-c">
					<image class="uutxinput" src="https://tupian.qqw21.com/article/UploadPic/2023-9/202392422342665495.jpg" mode=""></image>
					<view class="communitytl_textarea">
						<image class="sendalt" :src="photo_cdn1+'zpupload/static/gene/sendalt.png'" mode=""></image>
						<textarea class="textareatag" placeholder="参与讨论....."></textarea>
					</view>
				</view>
				<view class="communitytl_lists">
					<view class="communitytl_item flex ali-c" v-for="(item,index) in 3" :key="index" >
						<image class="uutxinput" src="https://tupian.qqw21.com/article/UploadPic/2023-9/202392422342665495.jpg" mode=""></image>
						<view class="communitytl_content flex ali-c jus-b">
							<view>
								<view class="communitytl_text">王时家族？</view>
								<view class="communitytl_taglist flex ali-c">
									<view class="communitytl_tag">1评论</view>
									<view class="communitytl_tag">321浏览</view>
									<view class="communitytl_tag">2023/12/24</view>
								</view>
							</view>
							<image class="jiantousd" :src="photo_cdn1+'zpupload/static/icon/jiantousd.png'" mode=""></image>
						</view>
					</view>
					<view class="viewalldatas">查看更多</view>
				</view>
				
				
			</view>
		</view>
		
		<view class="association">
			<view class="association_title">关联家族</view>
			<view class="association_list">
				<view  class="familyitems" v-for="(item,index) in 3" :key="index">
					<image class="rectanglebg" :src="photo_cdn1+'zpupload/static/gene/rectangle.png'" mode=""></image>
					<view class="familyitemsinfo">
						<view class="familynames">春秋北方大族</view>
						<view class="familylists_cell">
							<view class="familylists_cell_item flex ali-c">
								<view class="familylists_cell_name">家族星际：</view>
								<view>
									<uni-rate size="15" :readonly="true" :touchable="false" :value="5"  />
								</view>
							</view>
							<view class="familylists_cell_item flex ali-c">
								<view class="familylists_cell_name">遗传标记：</view>
								<view class="familylists_cell_val">C-MF3197</view>
							</view>
							<view class="familylists_cell_item flex ali-c">
								<view class="familylists_cell_name">形成时间：</view>
								<view class="familylists_cell_val">2590年前</view>
								
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import config from "@/utils/config.js";
	let {staticurl,photo_cdn1} = config.baseUrl;
	export default {
		data(){
			return {
				photo_cdn1
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	@import "./genefamilydetaile.scss";
</style>